<app-common-page>
    <div class="login-form">
        <h1>文鳐电子处方流转平台<br><span>SERES ELECTRONIC PRESCRIPTION FLOW PLATFORM</span></h1>
        <div class="login-form-header">
            <h3>后台登录系统</h3>
            <p>BACKGROUND LOGIN SYSTEM</p>
        </div>
        <div class="login-form-body">
            <div class="login-form-body-left">
                <img src="assets/img/login-img.png" />
            </div>
            <form nz-form class="form" [formGroup]="loginForm" >
                <nz-form-item>
                    <nz-form-control [nzSpan]="24">
                        <nz-input-group [nzSuffix]="suffixTemplate" [nzPrefix]="prefixTemplate">
                            <input placeholder="" nz-input formControlName="loginId" name="loginId" type="text" id="loginId" />
                        </nz-input-group>
                        <ng-template #prefixTemplate><i nz-icon type="user"></i></ng-template>
                        <nz-form-explain *ngIf="loginForm.get('loginId').dirty && loginForm.get('loginId').errors"></nz-form-explain>
                    </nz-form-control>
                </nz-form-item>
                
                <nz-form-item>
                    <nz-form-control [nzSpan]="24">
                        <nz-input-group [nzSuffix]="prefixTemplatePassword" [nzPrefix]="prefixLock">
                            <input nz-input  formControlName="loginPwd" name="loginPwd" type="password" id="loginPwd">
                        </nz-input-group>
                        <ng-template #prefixLock><i nz-icon type="lock"></i></ng-template>
                        <nz-form-explain *ngIf="loginForm.get('loginPwd').dirty && loginForm.get('loginPwd').errors">Please input your password!</nz-form-explain>
                    </nz-form-control>
                </nz-form-item>

                <nz-form-item >
                    <nz-form-control >
                                
                        <!-- <a class="login-form-forgot" target="_blank" routerLink="/pages/password/reset">
                            忘记密码？
                        </a> -->
                        <button  nz-button [nzType]="'primary'" (click)="submit()" [disabled]="loginForm.invalid">登陆</button>
                    </nz-form-control>
                </nz-form-item>

            </form>
        </div>
    </div>
</app-common-page>